<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=yes">

    <meta content="telephone=yes,email=yes" name="format-detection">
    <!--//自动识别电话号码和邮箱-->

    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--//苹果手机：会删除默认的工具栏和菜单栏，网站开启对web app程序的支持-->
    <meta name="apple-mobile-web-app-status-bar-style" content="default"/>
    <!--//苹果手机：在web app应用下状态条（屏幕顶部条）的颜色,默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。-->
    <meta name="apple-touch-fullscreen" content="yes"/>
    <!--//苹果手机：如果把一个web app添加到了主屏幕中，那么从主屏幕中打开这个web app则全屏显示-->
    <link rel="apple-touch-icon" href="images/HTML5_Badge_64.png"/>
    <!--//苹果手机：将应用添加到手机主屏幕，会有一个icon可以直接进入-->
    <title>有收入</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <!--初始化样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--共用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--整个网站的局部样式-->
    <link rel="stylesheet" href="css/style.css">
    <!--适配样式-->
    <link rel="stylesheet" href="css/styleMedia.css">
    <style>
        html, body {
            position: relative;
            overflow-x: auto;
        }
    </style>
</head>
<body style="background-color: #f4f9fd;">

<!--header begin-->
<header>
    <div id="flexHeader">
        <div class="div1 mui-action-back" id="back"><a><img src="images/icon_arrow_left.png"></a> </div>
        <div class="div2">未完成垫付任务</div>
        <div class="div3"></div>
    </div>
</header>
<!--header end-->
    <article class="tab">
	    <div class="wang-tab">
	        <div class="wang-tab-head">
			    <span class="wang-tab-head-title  wang-tab-head-title-3  wang-tab-title-transition addSelected  wang-tab-head-title-active" id='wang-tab-head-title-1'>待操作</span>
			    <span class="wang-tab-head-title  wang-tab-head-title-3  wang-tab-title-transition" id='wang-tab-head-title-2' >待返款</span>
			    <span class="wang-tab-head-title  wang-tab-head-title-3  wang-tab-title-transition" id='wang-tab-head-title-3'>发货中</span>
			</div>
			<div id="list" class="content-incomplete-tasks" >
	            <div class="wang-tab-content wang-tab-content-1 transition" id="havepanding">
	               
	            </div>
	            <div class="wang-tab-content wang-tab-content-2 transition" id="havepayment">
	              
	            </div>
	            <div class="wang-tab-content wang-tab-content-3 transition" id="haveShip">
	                
	            </div>
	       </div>
	    </div>
	</article>

<!--js-->
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/common.js"></script>
<script src="js/config.js"></script>
<script src="js/s.js"></script>
<script src="js/vconsole.min.js"></script>
<script>
	var vConsole = new VConsole()
	
	function goto(id){
		window.location = "taobaoMobileMission_new.html?orderId=" + id
	}
	
	$(document).ready(function(){
			
		$("#list").scroll(function() {
			console.log(776666)
		});
		$.ajax({
			data:{
				taskType:0,
				orderStatus:1,
			},
			success: function(data){
				var m = '<a onClick="goto(#7)" class="to-be-operated-btn">待操作</a>\
		                    </div>\
		                </div>';
				$("#havepanding").html(forfun(m,data));
			},
		})
		
		$.ajax({
			data:{
				taskType:0,
				orderStatus:2,
			},
			success: function(data){
				var m = '<a onClick="goto(#7)" class="to-be-operated-btn">待返款</a>\
		                    </div>\
		                </div>';
				$("#havepayment").html(forfun(m,data));
			},
		})
		
		$.ajax({
			data:{
				taskType:0,
				orderStatus:3,
			},
			success: function(data){
				var m = '<a onClick="goto(#7)" class="to-be-operated-btn">发货中</a>\
		                    </div>\
		                </div>';
				$("#haveShip").html(forfun(m,data));
			},
		})
	})
//	mui.init({
//	  pullRefresh : {
//	    container:"#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
//	    down : {
//	      style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
//	      color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
//	      height:'50px',//可选,默认50px.下拉刷新控件的高度,
//	      range:'100px', //可选 默认100px,控件可下拉拖拽的范围
//	      offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
//	      auto: false,//可选,默认false.首次加载自动上拉刷新一次
//	      callback : refrash //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
//	    }
//	  }
//	});
//	
//	function refrash() {
//		console.log('hello foo')
//		mui('#refreshContainer').pullRefresh().endPulldown();
//	}

</script>

<script>
	
</script>
</body>
</html>